<template>
    <div class="adminLeft">

        <MainLeft :openItem= [0]>

            <!--默认打开的有且只能有一个 :openItem= [2]-->

            <LeftItem  name = "1">
                <img src="@/assets/img/adminLeft/system.png" width="18" slot="img">
                <img src="@/assets/img/adminLeft/system-a.png" width="18" slot="a-img">
                <span slot="title">系统设置</span>
                <img src="@/assets/img/adminLeft/right.png" slot="right_img" width="18">
                <img src="@/assets/img/adminLeft/down.png" slot="down_img" width="18">
                <Ulitem>
                    <Liitem path = "/Admin/system">基础设置</Liitem>
                </Ulitem>
            </LeftItem>


            <LeftItem name = "2" >
                <img src="../../../assets/img/adminLeft/news.png" width="18" slot="img">
                <img src="../../../assets/img/adminLeft/news-a.png" width="18" slot="a-img">
                <span slot="title">消息列表</span>
                <img src="@/assets/img/adminLeft/right.png" slot="right_img" width="18">
                <img src="@/assets/img/adminLeft/down.png" slot="down_img" width="18">
                <Ulitem>
                    <Liitem path = '/Admin/imgDown'>你的足迹</Liitem>
                    <Liitem path = '/Admin/message'>留言板</Liitem>
                    <Liitem path = '/Admin/chat'>碎言碎语</Liitem>
                </Ulitem>
                
            </LeftItem>

            
        </MainLeft>
    </div>
</template>

<script>
import MainLeft from './mainLeft'
import LeftItem from './leftItem'
import Ulitem from './ul-item'
import Liitem from './item-li'

export default {
    name:'adminLeft',
    components:{
        MainLeft,
        LeftItem,
        Ulitem,
        Liitem
    },
}
</script>

<style scoped>
.adminLeft{
    width: 260px;
    height: 100%;
    float: left;
    background-color: #2B333E;
    position: fixed;
    left: 0;
    margin-top: 80px;
}
</style>